<%@page import="com.tucue.model.MerchantsPolicy" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>园区活动招商政策新建编辑</title>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css"/>
        <script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
        <script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
        <!--  Text Editor begin  -->
        <script charset="utf-8" src="<%request.getContextPath();%>/js/kindeditor/kindeditor-min.js"></script>
        <script charset="utf-8"  src="<%request.getContextPath();%>/js/kindeditor/lang/zh_CN.js"></script>
        <script>
            var editor;
            KindEditor.ready(
                    function(K)
                    {
                        editor = K.create('textarea[name="content"]',
                                {
                                    allowFileManager : true ,
                                    resizeType:0
                                }
                        );

                    }
            );
	 $(document).ready(function(e) {
		  //验证电话号码
		   $("#num").blur(function(){
				var phone=$.trim($("#num").val()); 
				var isPhone = /^((0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/ ;
				if(!isPhone.test(phone)){
					  $("#phoneP").html("<span>&nbsp;电话号码不正确</span>")
									   .css("color","red");   
			}
                else{
                $("#phoneP").html("<span>&nbsp;电话号码正确</span>")
                               .css("color","green");   
          }
         });
			$("#name").blur(function(){
			var name=$.trim($("#name").val()); 
			if(name.length>18){
				$("#letterP").html("<span>&nbsp;最多18个汉字</span>")
								   .css("color","red"); 
			}
			if(name.length<1){
				$("#letterP").html("<span>&nbsp;标题不能为空</span>")
								   .css("color","red"); 
			}
		});
});
        </script>
        <!--  Text Editor end  -->
    </head>


    <body>
    <div class="container" style="width:1052px; margin:0px;">
    <div class="row show-grid">
    	<h3 class="Page_title">${titlename}</h3>
    </div>
    <div class="row shor-grid unified-border">
       <header>
          <h3><span id="title">...园区——园区招商页面（标题）</span></h3>
       </header>
       <hr>
        <form class="form-horizontal" action="/add/merchantsPolicy" method="post" enctype="multipart/form-data">
<!--        招商电话-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">招商电话</label>
            <div class="col-xs-4">
                <input name="telephone" type="text" class="form-control" id="num" value="${policy.telephone}">
            </div>
            <p class="help-inline" style="margin-top: 8px;" id="phoneP">请包含区号：作为招商页面电话咨询功能的默认接通电话</p>
          </div>
<!--          名称-->
          <div class="form-group">
            <label for="name" class="col-sm-2 control-label">名称</label>
            <div class="col-xs-4">
                <input name="name" type="text" class="form-control" id="name" placeholder="园区名称" value="${policy.name}">
            </div>
            <p class="help-inline" style="margin-top: 8px;" id="letterP">最多18个汉字</p>
          </div>
<!--          文本编辑器-->
          <div class="form-group">
            <label class="col-sm-2 control-label">正文</label>
              <div id="tro" class="col-sm-5" style="margin-top:10px; margin-left:14px;">
                  <textarea name="content" style=" display:block;width:700px;height:450px; margin-left:0px;">${policy.content}</textarea>
              </div>
          </div>
<!--          附件-->
          <div class="form-group">
            <label class="col-sm-2 control-label">添加附件</label>
            <div class="col-sm-3">
               <input name="files" class="btn btn-default" type="file">
            </div>
          </div>

            <div class="buttongroup">
                <button type="submit" class="btn btn-primary" id="p_saveup">保存并上线</button>
                <button type="submit" class="btn btn-primary" id="p_savenone" style="width:96px;">取消</button>
            </div>

            <!-- 保存为草稿的弹窗 开始 -->
            <div id="Popups_savech" class="Popup_out_st">
                <div id="Con_box_savech" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savech" class="Close_Popups"/>
                    <label class="Popup_label">保存为草稿</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存为草稿弹窗 结束 -->
            <!-- 保存并上线弹窗 开始 -->
            <div id="Popups_saveup" class="Popup_out_st">
                <div id="Con_box_saveup" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                    <label class="Popup_label">保存并上线</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容并发布上线？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存并上线弹窗 结束 -->
            <!-- 取消弹窗 开始 -->
            <div id="Popups_savenone" class="Popup_out_st">
                <div id="Con_box_savenone" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                    <label class="Popup_label">取消</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">确定放弃当前文案修改？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 取消弹窗 结束 -->
        </form>
    </div>
    </div>
    <script type="text/javascript">
        wdh=$(window).width();
        left=(wdh-330)/2;
        www=$(document).width();
        hhh=$(document).height();
        $(document).ready(function(){

            //保存并上线
            $("#p_saveup").click(function(){
                $("#Popups_saveup").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_saveup").css('margin-left',left);
                $("#Con_box_saveup").css('margin-top','550px');
            });
            $("#closePopups_saveup").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupyse").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_saveupno").click(function(){
                $("#Popups_saveup").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            //取消
            $("#p_savenone").click(function(){
                $("#Popups_savenone").fadeIn("slow");
                $("#page_index").css('overflow','scroll');
                $("#page_index").css('overflow','hidden');
                $("#Con_box_savenone").css('margin-left',left);
                $("#Con_box_savenone").css('margin-top','550px');
            });
            $("#closePopups_savenone").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneyse").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#Popups_savenoneno").click(function(){
                $("#Popups_savenone").fadeOut("slow");
                $("#page_index").css('overflow-y','auto');
            });

            $("#page_index ").css('width',www);
        });


        $(window).resize(function(){
            wdh=$(window).width();
            left=(wdh-330)/2;
            www=$(document).width();
            //保存并上线
            $("#Con_box_saveup").css('margin-left',left);
            $("#Con_box_saveup").css('margin-top','550px');
            //取消
            $("#Con_box_savenone").css('margin-left',left);
            $("#Con_box_savenone").css('margin-top','550px');

            $("#page_index ").css('width',www);
        });
    </script>

    </body>
</html>